<!-- 主页-请假管理-查看 -->
<section id="container">
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <!--state overview end-->
            <div class="row">
                <div class="col-lg-12">
                   
                    <section class="panel">
                        <header class="panel-heading">
                            请假信息
                        </header>
                        <div class="panel-body">
                                <div class="form-group customerForm">
                                        <label class="col-sm-2 control-label">请假类型*</label>
                                        <div class="col-sm-10">
                                            <select class="form-control" id="sumTime" disabled>
                                                <option value="01-07-49-56">年假</option>
                                                <option value="02-08-16-24">病假</option>
                                                <option value="03-05-01-06">事假</option>
                                                <option value="04-05-01-06">产假</option>
                                                <option value="05-05-01-06">陪产假</option>
                                                <option value="06-05-01-06">哺乳假</option>
                                                <option value="07-05-01-06">节育假</option>
                                                <option value="08-05-01-06">丧假</option>
                                                <option value="09-05-01-06">工伤假</option>
                                                <option value="10-05-01-06">档假</option>
                                                <option value="11-05-01-06">婚假</option>
                                                <option value="12-05-01-06">产检假</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group customerForm">
                                        <label class="col-sm-2 control-label">请假开始时间*</label>
                                        <div class="col-sm-10">
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <input type="text" class="form-control" placeholder="开始日期" id="startDay" value="2018-01-01" disabled>
                                                </div>
                                                <div class="col-lg-4">
                                                    <select class="form-control" id="startTime" disabled>
                                                        <option value="09:00:00">09:00</option>
                                                        <option value="09:30:00">09:30</option>
                                                        <option value="10:00:00">10:00</option>
                                                        <option value="10:30:00">10:30</option>
                                                        <option value="11:00:00">11:00</option>
                                                        <option value="11:30:00">11:30</option>
                                                        <option value="13:00:00">13:00</option>
                                                        <option value="13:30:00">13:30</option>
                                                        <option value="14:00:00">14:00</option>
                                                        <option value="14:30:00">14:30</option>
                                                        <option value="15:00:00">15:00</option>
                                                        <option value="15:30:00">15:30</option>
                                                        <option value="16:00:00">16:00</option>
                                                        <option value="16:30:00">16:30</option>
                                                        <option value="17:00:00">17:00</option>
                                                        <option value="17:30:00">17:30</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group customerForm">
                                        <label class="col-sm-2 control-label">请假结束时间*</label>
                                        <div class="col-sm-10">
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <input type="text" class="form-control" placeholder="结束日期" id="endDay" value="2018-01-02" disabled>
                                                </div>
                                                <div class="col-lg-4">
                                                    <select class="form-control" id="endTime" disabled>
                                                        <option value="10:00:00">10:00</option>
                                                        <option value="10:30:00">10:30</option>
                                                        <option value="11:00:00">11:00</option>
                                                        <option value="11:30:00">11:30</option>
                                                        <option value="12:00:00">12:00</option>
                                                        <option value="13:00:00">13:00</option>
                                                        <option value="13:30:00">13:30</option>
                                                        <option value="14:00:00">14:00</option>
                                                        <option value="14:30:00">14:30</option>
                                                        <option value="15:00:00">15:00</option>
                                                        <option value="15:30:00">15:30</option>
                                                        <option value="16:00:00">16:00</option>
                                                        <option value="16:30:00">16:30</option>
                                                        <option value="17:00:00">17:00</option>
                                                        <option value="17:30:00">17:30</option>
                                                        <option value="18:00:00">18:00</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">请假总时长*</label>
                                <div class="col-sm-10">
                                        <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="input-group">
                                                        <input type="text" class="form-control" value="3" disabled>
                                                        <span class="input-group-addon">天</span>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <select class="form-control" disabled>
                                                        <option value="1">1小时</option>
                                                        <option value="2">2小时</option>
                                                        <option value="3">3小时</option>
                                                        <option value="4">4小时</option>
                                                        <option value="5">5小时</option>
                                                        <option value="6">6小时</option>
                                                        <option value="7">7小时</option>
                                                        <option value="8">8小时</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">总时长</span>
                                                        <input type="text" class="form-control" disabled value="25">
                                                        <span class="input-group-addon">小时</span>
                                                    </div>
                                                </div>
                                            </div>
                                </div>
                            </div>

                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">紧急联系电话*</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" value="12345678910" disabled>
                                </div>
                            </div>

                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">请假原因*</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" maxlength="120" disabled>请假原因测试数据</textarea>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="panel">
                        <header class="panel-heading">
                            HR核对信息
                        </header>
                        <div class="panel-body">

                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">请假扣除时长</label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">年假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">病假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">事假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">产假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">陪产假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">哺乳假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">节育假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">丧假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">工伤假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">档假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">婚假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">产检假</span>
                                        <input type="text" class="form-control" value="10" disabled>
                                        <span class="input-group-addon">小时</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>

                    <section class="panel">
                        <div class="panel-heading">
                            审批记录
                        </div>
                        <div class="panel-body">
                            <ul class="tp-ulst">
                                <li>
                                    <span>人员姓名</span><span>修改时间</span><span>处理结果</span>
                                </li>
                                <li>
                                    <span>张三测试</span><span>2010-18-24 18:00</span><span>发起申请/同意/不同意/退回，内容：说明内容/审批意见</span>
                                </li>
                            </ul>
                        </div>
                    </section>

                    <section class="panel">
                        <div class="panel-body">
                            <p class="default-buttons">
                                <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                                <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                            </p>
                        </div>
                    </section>

                </div>
            </div>
        </section>
    </section>
    <!--main content end-->
</section>

<script type="text/javascript" src="js/leave/leave.js"></script>